<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>主播电台</title>
		<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
        <meta content="yes" name="apple-mobile-web-app-capable">
        <meta content="black" name="apple-mobile-web-app-status-bar-style">
        <meta content="telephone=no" name="format-detection">
        <meta content="email=no" name="format-detection">
        <link rel="stylesheet" href="css/FM.css" />
        <link rel="stylesheet" href="css/iconfont.css" />
	</head>
	<body>
		<!--top-->
		<div class="top">
			<img src="img/top.jpg" />		
		</div>
		
		<!--head-->
		<div class="b_head">
		   <div class="head">
		      <i class="iconfont icon-yinle1"></i>
		      <p><i class="iconfont icon-sousuo"></i><input type="text" placeholder="搜索音乐、歌词、电台" /></p>
		      <i class="iconfont icon-yinle"></i>
		   </div>
		</div>
		
		<!--nav-->
		<div class="nav">
			
			<ul>
				<li><a href="#">个性推荐</a></li>
				<li><a href="#">歌单</a></li>
				<li><a href="#">主播电台</a></li>
				<li><a href="#">排行榜</a></li>
			</ul>
		</div>
		
		<!--container-->
		<div class="container">
			<ul>
				<li><a href="#"><i class="iconfont icon-pindaoye"></i></a><p>明星做主播</p></li>
				<li><a href="#"><i class="iconfont icon-huatong"></i></a><p>创作|翻唱</p></li>
				<li><a href="#"><i class="iconfont icon-laugh"></i></a><p>脱口秀</p></li>
				<li><a href="#"><i class="iconfont icon-shu"></i></a><p>美文读物</p></li>
				<li><a href="#"><i class="iconfont icon-iconset0163"></i></a><p>音乐故事</p></li>
				<li><a href="#"><i class="iconfont icon-xiaolian"></i></a><p>情感调频</p></li>
				<li><a href="#"><i class="iconfont icon-duxiaoshuo"></i></a><p>有声小说</p></li>
				<li><a href="#"><i class="iconfont icon-lishi"></i></a><p>人文历史</p></li>
				
			</ul>
		</div>
		
		<!--content03-->
		<div class="content03">
			<h2><a href="#">主播电台排行榜 <i class="iconfont icon-jinru"></i></a><p><span>最火的电台和节目，</span>每日更新</p></h2>
			<h3><img src="img/pic07.jpg"></h3>
		</div>
		
		<!--content04-->
		<div class="content04">
			<h2>精彩节目推荐</h2>
			<div class="box04">
				<img src="img/pic08.jpg">
				<h3>
				<a href="#"><p>特别的人</p>
				<p>最美不过告白当前唱的歌</p>
				</a>
				</h3>
			</div>
			<div class="box04">
				<img src="img/pic09.jpg">
				<h3>
				<a href="#"><p>惨就一个字</p>
				<p>你遇到最惨的事是什么？</p>
				</a>
				</h3>
			</div>
			<div class="box04">
				<img src="img/pic10.jpg">
				<h3>
				<a href="#"><p>口水三国-104周瑜篇-主角颜值配角命</p>
				<p>周瑜就是主角颜值配角的命</p>
				</a>
				</h3>
			</div>
			<div class="box04">
				<img src="img/pic11.jpg">
				<h3>
				<a href="#"><p>口水三国-104周瑜篇-主角颜值配角命</p>
				<p>周瑜就是主角颜值配角的命</p>
				</a>
				</h3>
			</div>
			<div class="box04">
				<img src="img/pic12.jpg">
				<h3>
				<a href="#"><p>【夜读】藏书票：让心事有了归属的安静</p>
				<p>睡前听最美的中华遗产</p>
				</a>
				</h3>
			</div>
			<div class="box04">
				<img src="img/pic13.jpg">
				<h3>
				<a href="#"><p>我不想再异地恋了。</p>
				<p>异地恋需要有多大的勇气？</p>
				</a>
				</h3>
			</div>		
		</div>
		
		<!--footer-->
		<div class="footer">
			<div class="box03">
				<p><a href="#"><i class="iconfont icon-wangyiyunyinlezizhi-copy"></i></a></p>
				<p>发现音乐</p>
			</div>
			<div class="box03">
				<p><a href="#"><i class="iconfont icon-iconset0163"></i></a></p>
				<p>我的音乐</p>
			</div>
			<div class="box03">
				<p><a href="#"><i class="iconfont icon-pengyou"></i></a></p>
				<p>朋友</p>
			</div>
			<div class="box03">
				<p><a href="#"><i class="iconfont icon-zhanghao01"></i></a></p>
				<p>账号</p>
			</div>
		</div>
	</body>
</html>
